<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>


    <script src="./js/jquery.min.js"></script>
    <script src="./js/amazeui.js"></script>
    <link rel="stylesheet" href="./css/amazeui.css">
    <link rel="stylesheet" href="./css/style.css">

</head>

<body>
    <div id="index">
        <!-- 首页头部 -->
        <div class="index_head">
            <div class="logo">
                <a href="#">
                    <img src="images/logo.png" alt="">
                </a>
            </div>
            <!-- 搜索 -->
            <div class="search">
                <select>
                    <option value="1">特产</option>
                    <option value="1">景点</option>
                </select>
                <!-- <i class="am-icon-caret-down"></i> -->
                <input type="search" class="text" placeholder="要买什么呢?">
                <input type="submit" value="" class="submit">
                <i class="am-icon-search"></i>

            </div>
            <a href="" class="phone">
                <img src="images/phone.png" alt="">
            </a>
        </div>



        <!--图片轮播图  -->

        <div id="index_banner">
            <div class="am-slider am-slider-default" data-am-flexslider id="demo-slider-0">
                <ul class="am-slides">
                    <li>
                        <a href="#">
                            <img src="./images/banner.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/banner2.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/banner3.jpg" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            <img src="./images/banner4.jpg" alt="">
                        </a>
                    </li>
                </ul>
            </div>
        </div>

        <!-- 栏目 -->

        <div class="order_nav">

            <ul class="box_nav  am-avg-sm-4">
                <li>
                    <a href="#">
                        <img src="./images/index_icon01.png" alt="">
                        <p>孟经旅游</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/index_icon02.png" alt="">
                        <p>特产商城</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/index_icon03.png" alt="">
                        <p>美丽乡村</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/index_icon04.png" alt="">
                        <p>新闻资讯</p>
                    </a>
                </li>

            </ul>

        </div>

        <!-- 孟经旅游 -->


        <div id="trip_list" style="width: 100%;overflow: hidden;">

            <div class='am-tabs' data-am-tabs>
                <!-- 梦境旅游标题 -->
                <div class="item_name">
                    <img src="images/index_icon05.png" />
                    <span>孟经旅游</span>
                </div>



                <ul class="am-tabs-nav am-nav am-nav-tabs am-avg-sm-2">
                    <li class="am-active">
                        <a href="#">
                            旅游活动
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            旅游景区
                        </a>
                    </li>
                </ul>


                <div class="am-tabs-bd">


                    <div class="am-tab-panel am-active">
                        <ul>
                            <li class="view">
                                <div class="pic">
                                    <img src="images/trip_list_02.jpg">
                                    <div class="cont">
                                        <a href="#" class="button">
                                            查看详情
                                        </a>
                                        <div class="num">
                                            <p><span>20/30</span>人报名</p>
                                            <p>出发时间<span>2022/5/20</span></p>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="con">
                                    <span>黄河小浪底</span>
                                    <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                                </div>
                            </li>
                            <li class="view">
                                <div class="pic">
                                    <img src="images/trip_list_02.jpg">
                                    <div class="cont">
                                        <a href="#" class="button">
                                            查看详情
                                        </a>
                                        <div class="num">
                                            <p><span>20/30</span>人报名</p>
                                            <p>出发时间<span>2022/5/20</span></p>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="con">
                                    <span>黄河小浪底</span>
                                    <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                                </div>
                            </li>


                        </ul>
                    </div>


                    <div class="am-tab-panel" id="tab2">
                        <ul>
                            <li class="view">
                                <div class="pic">
                                    <img src="images/trip_list_01.jpg">
                                    <div class="cont">
                                        <a href="#" class="button">
                                            查看购票
                                        </a>
                                        <div class="num">
                                            <p><span>20/30</span>人报名</p>
                                            <p>出发时间<span>2022/5/20</span></p>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="con">
                                    <span>黄河小浪底</span>
                                    <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                                </div>
                            </li>

                            <li class="view">
                                <div class="pic">
                                    <img src="images/trip_list_01.jpg">
                                    <div class="cont">
                                        <a href="#" class="button">
                                            查看购票
                                        </a>
                                        <div class="num">
                                            <p><span>20/30</span>人报名</p>
                                            <p>出发时间<span>2022/5/20</span></p>
                                        </div>
                                    </div>
                                    <div class="clear"></div>
                                </div>
                                <div class="con">
                                    <span>黄河小浪底</span>
                                    <p>卫坡古民居翠湾果岭观唐生态园炎帝本草园洛阳粤钰青...</p>
                                </div>
                            </li>
                        </ul>
                    </div>

                </div>





            </div>





        </div>

        <!-- 特产商城 -->
        <div id="specialty_mall">
            <div id="item_name">
                <img src="images/index_icon06.png" alt="">
                <span>特产商城</span>
            </div>
            <ul>
                <li>
                    <a href="#" class="project">
                        <div class="pic">
                            <img src="./images/project_01.jpg" alt="">
                        </div>
                        <div class="project_cont">
                            <p>孟津袖珍西瓜皮薄质优、携带方便、色泽艳丽、皮薄质优门峡...</p>
                        </div>
                        <div class="price">
                            <label>¥300</label>
                            <span>杰尔逊西瓜庄园</span>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="project">
                        <div class="pic">
                            <img src="./images/project_01.jpg" alt="">
                        </div>
                        <div class="project_cont">
                            <p>孟津袖珍西瓜皮薄质优、携带方便、色泽艳丽、皮薄质优门峡...</p>
                        </div>
                        <div class="price">
                            <label>¥300</label>
                            <span>杰尔逊西瓜庄园</span>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="project">
                        <div class="pic">
                            <img src="./images/project_01.jpg" alt="">
                        </div>
                        <div class="project_cont">
                            <p>孟津袖珍西瓜皮薄质优、携带方便、色泽艳丽、皮薄质优门峡...</p>
                        </div>
                        <div class="price">
                            <label>¥300</label>
                            <span>杰尔逊西瓜庄园</span>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
            </ul>

            <div id="more">
                <a href="#">
                    <span>更多特产</span>
                    <i class="am-icon-angle-right"></i>
                </a>
            </div>




        </div>


        <!-- 美丽乡村 -->

        <div id='beautiful_country'>
            <div id="item_name">
                <img src="images/index_icon07.png">
                <span>美丽乡村</span>
            </div>
            <ul class="am-avg-sm-2">
                <li class="beautiful_list">
                    <a href="#">
                        <div class="pic">
                            <img src="images/beautiful_01.jpg" />
                        </div>
                        <div class="name">
                            <img src="images/head.jpg" class="head">
                            <span>181***5241</span>

                            <div class="num">
                                <i class="am-icon-eye"></i>
                                <span>2</span>
                                <i class="am-icon-comments"></i>
                                <span>0</span>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <label>偶遇洛阳</label>
                        <p>路易威登代购speedy枕头超奢华枕头套装，国内有速读...</p>


                    </a>
                </li>
                <li class="beautiful_list">
                    <a href="#">
                        <div class="pic">
                            <img src="images/beautiful_01.jpg" />
                        </div>
                        <div class="name">
                            <img src="images/head.jpg" class="head">
                            <span>181***5241</span>

                            <div class="num">
                                <i class="am-icon-eye"></i>
                                <span>2</span>
                                <i class="am-icon-comments"></i>
                                <span>0</span>
                            </div>
                            <div class="clear"></div>
                        </div>
                        <label>偶遇洛阳</label>
                        <p>路易威登代购speedy枕头超奢华枕头套装，国内有速读...</p>


                    </a>
                </li>

            </ul>

            <div id="more">
                <a href="#">
                    <span>更多景点</span>
                    <i class="am-icon-angle-right"></i>
                </a>
            </div>

        </div>


        <!-- 新闻资讯 -->
        <div id="news_list">
            <div id="item_name">
                <img src="images/index_icon08.png">
                <span>新闻资讯</span>
            </div>
            <ul>
                <li>
                    <a href="#" class="news">
                        <div class="pic">
                            <img src="images/project_04.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>孟津袖珍西瓜皮薄质优、携带方便、色泽艳丽、皮薄质优门峡...</p>
                        </div>
                        <div class="price">
                            <p>2222/04/16</p>
                            <span>12</span>
                            <i class="am-icon-eye"></i>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="news">
                        <div class="pic">
                            <img src="images/project_04.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>孟津袖珍西瓜皮薄质优、携带方便、色泽艳丽、皮薄质优门峡...</p>
                        </div>
                        <div class="price">
                            <p>2222/04/16</p>
                            <span>12</span>
                            <i class="am-icon-eye"></i>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#" class="news">
                        <div class="pic">
                            <img src="images/project_04.jpg" />
                        </div>
                        <div class="project_cont">
                            <p>孟津袖珍西瓜皮薄质优、携带方便、色泽艳丽、皮薄质优门峡...</p>
                        </div>
                        <div class="price">
                            <p>2222/04/16</p>
                            <span>12</span>
                            <i class="am-icon-eye"></i>
                            <div class="clear"></div>
                        </div>
                    </a>
                </li>

            </ul>

            <div id="more">
                <a href="#">
                    <span>更多资讯</span>
                    <i class="am-icon-angle-right"></i>
                </a>
            </div>
        </div>


        <!-- 底部footer -->
        <div id="footer">
            <div class="first">
                <ul class="am-avg-sm-2">
                    <li class="active">
                        <a href="index.html">
                            <img src="./images/icon-footer01-a.png" alt="">
                            <p>首页</p>
                        </a>
                    </li>
                    <li class="">
                        <a href="trip_list.html">
                            <img src="./images/icon-footer1-a.png" alt="">
                            <p>孟经旅游</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="beautiful">
                <a href="beautiful_list.html">
                    <img src="./images/icon-footer3-a.png" alt="">
                </a>
            </div>
            <div class='last'>

                <ul class="am-avg-sm-2">

                    <li>
                        <a href="shop.html">
                            <img src="images/icon-footer4-a.png">
                            <p>特产商城</p>
                        </a>
                    </li>
                    <li>
                        <a href="user.html">
                            <img src="images/icon-footer5-a.png">
                            <p>我的</p>
                        </a>
                    </li>
                </ul>

            </div>

        </div>








</body>

</html>